<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
<h:form>


	<div
		style="margin-left: auto; margin-right: auto; width: 100%; height: 7; padding-bottom: 120px;">

		<p:panel header="DETALHES">

			<h:panelGrid columns="2" cellpadding="10">
				<h:outputText value="Nome:" style="font-weight:bold;" />
				<h:outputText value="#{freelancerBean.freelancerPerfil.nome}" />
				<h:outputText value="Email:" style="font-weight:bold;" />
				<h:outputText value="#{freelancerBean.freelancerPerfil.email}" />
				<h:outputText value="Localizacao:" style="font-weight:bold;" />
				<h:outputText
                                    value="#{freelancerBean.freelancerPerfil.nacao} - #{freelancerBean.freelancerPerfil.cidade} - #{freelancerBean.freelancerPerfil.cidade.estado}" />
				<h:outputText value="Descrição:" style="font-weight:bold;" />
				<h:outputText value="#{freelancerBean.freelancerPerfil.descricao}" />
				<h:outputText style="font-weight:bold;" value="Notal Geral: " />
				<h:outputText value="#{freelancerBean.notaGeral}" />

			</h:panelGrid>


			<h:panelGrid columns="2">
				<h:panelGroup>
					<p:dataTable id="gridContratos" var="contrato"
						value="#{freelancerBean.contratos}"
						style="height:240px;width:1000px" emptyMessage="Nenhum registro encontrado">

						<p:column headerText="Projeto" style="width: 60%;">

							<h:outputText value="#{contrato.projeto.nome}" />
						</p:column>
						<p:column headerText="Categoria" style="width: 30%;">

							<h:outputText value="#{contrato.projeto.categoria}" />
						</p:column>
						<p:column headerText="Nota" style="width: 10%;">

							<h:outputText value="#{contrato.avaliacao.nota.valor}" />
						</p:column>
					</p:dataTable>
				</h:panelGroup>
				<h:panelGroup>
					<!-- 
				<p:dataTable id="gridHabilidades" var="habilidade"
					value="#{freelancerBean.freelancerPerfil.habilidades}">

					<p:column headerText="Habilidades">
					
						<h:outputText value="#{habilidade.nome}" />
					</p:column>
				</p:dataTable>-->
					
					<p:panel header="Habilidades">
						<p:selectOneListbox id="gridHabilidades"
							style="height:180px;width:300px;">
							<f:selectItems value="#{freelancerBean.freelancerPerfil.habilidades}"
								var="habilidade" itemLabel="#{habilidade.nome}"
								itemValue="#{habilidade}"></f:selectItems>

						</p:selectOneListbox>
					</p:panel>
				</h:panelGroup>




			</h:panelGrid>
			<div style="text-align:center;">
				<p:button value="Alterar Dados" outcome="/freelancer/alterarPerfil" />
			</div>
			

		</p:panel>
	</div>
</h:form>
</html>

